<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-01 11:52:50
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-07-05 22:16:20
-->
<template>
<div>
    <!--头部-->
    <Header></Header>
    <div class="top_bg">
        <div class="top">
            <div class="top2">
                <div class="logo"><img src="images/logo.jpg" width="204" height="91" alt="" /></div>
                <div class="nav">
                    <a class="nav1" href="">TY万里路</a>|
                    <a class="nav2" href="">旅行指南</a>|
                    <a class="nav3" href="">TY特色</a>|
                    <a class="nav4" href="">联系我们</a>|
                </div>
            </div>
        </div>
    </div>

<div class="cot">
    <div class="l1">
        <a class="l" href="">TY万里路</a>
        <a class="l" href="">旅行指南</a>
        <a class="l" href="">TY特色</a>
        <a class="l" href="">联系我们</a>
    </div>

    <div class="r1">
        <h1>联系我们</h1>
        <p>
            行万里路<br>
            地址：太原理工大学移动互联小组<br>
            电话：18703559298 89295530781&nbsp;<br>
            传真：10-10086111111 &nbsp;<br>
            邮编：10000000
        </p>

        <p>
            游行申请<br>
            地址：太原理工大学明向校区 <br>
            电话：18703559298 89295530781&nbsp;<br>
            传真：10-10086111111 &nbsp;<br>
        </p>
        <p>
            游行联系<br>
            地址：太原理工大学软件学院<br>
            电话：18703559298<br>
            联系人：五位成员<br>
            邮箱：867536942@qq.com
        </p>

        <p>
            行走天下<br>
            地址：太原理工大学2号楼 <br>
            电话：18703559298 89295530781&nbsp;<br>
            传真：10-10086111111 &nbsp;<br>
        </p>

        <p>校企合作<br>
            联系人：移动先生（太原理工）<br>
            电话： 18834818691<br>
            电子邮件：3028835457@qq.com
        </p>
    </div>
</div>
    <div class="clear"></div>
    <div class="articles">文章</div>
    <div class="questions">常见问题</div>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from './components/Header.vue'
import Footer from './components/Footer.vue'
export default {
  components:{
    Header,
    Footer
  }
}
</script>

<style lang="scss" scoped>
    div {
        .title {
            font-size: 20px;
            line-height: 2em;
            font-weight: bold;
        }
        margin:0;
        padding:0; 
        color:#333; 
        word-break:break-all; 
        word-wrap:break-word;

        img{ 
            border:0;
            vertical-align:top;
        }
        a{ 
            color:#666; 
            text-decoration:none;
        }
        a:hover{
            text-decoration:underline; 
            color:#09f;
        }

        .clear{
            clear:both;
            height:0px;
            overflow:hidden;
        }
        body{ 
            background:#f2f2f2;
        }
        .top_bg{ 
            background:#39f; 
            height:91px; 
            width:100%;
        }
        .top{ 
            margin:0 auto; 
            width:980px; 
            height:91px; 
            position:relative;
        }
        .top2{ 
            position:absolute; 
            width:980px; 
            left:0; 
            top:0; 
            height:91px; 
            border-bottom:1px solid #eee; 
            clear:both; 
            overflow:hidden;
        }

        .logo{ 
            float:left; 
            width:204px;
        }
        .nav{ 
            float:left; 
            width:750px; 
            padding:45px 0 0 20px; 
            font-size:12px; 
            color:#fff;
        }
        .nav .nav1,.nav2,.nav3,.nav4,.nav5{ 
            display:inline-block; 
            color:#fff; 
            margin:0 15px;
        }
        .cot{ 
            margin:0 auto; 
            width:980px;
        }
        .l1{ 
            float:left; 
            background:#f9f9f9; 
            width:204px; 
            padding:10px 0;
        }
        .l1 .l{ 
            float:left; 
            width:166px; 
            height:42px; 
            line-height:42px; 
            font-size:14px; 
            margin:10px 0; 
            color:#333; 
            padding-left:38px;
        }
        .r1{ 
            float:right; 
            background:#fff; 
            width:676px; 
            padding:0 50px 20px;
        }
        .r1 h1{ 
            font-size:30px; 
            padding-top:46px; 
            height:75px; 
            font-weight:normal; 
            text-align:center;
        }
        .r1 p{ 
            font-size:14px; 
            padding-top:10px; 
            line-height:1.8;
        }

        .articles,.questions{ 
            text-align:right; 
            line-height:20px;
        }
        .nav,.l {
            height: 60px;
            line-height: 60px;
            cursor: pointer;
        }
}
</style>